@font-face {
	font-family: 'ubuntu_monoregular';
	src: url('../assets/fonts/ubuntumono-r-webfont.woff2') format('woff2'),
	url('../assets/fonts/ubuntumono-r-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	--backgroundcolour: #222121;
	--mainaccent: #beef69;
	--accentcolour1: #8aca1d;
	--accentcolour2: #323629;
	
	--backgroundgradient: #161616;
}

html {
	height: 100vh;
	background-color: var(--backgroundcolour); /* fallback */
	
	background-image: radial-gradient(
	var(--backgroundgradient),
	transparent,
	var(--backgroundgradient)),
	url("../assets/background.png")
	;

	background-repeat: repeat;
	background-attachment: fixed;
	}

body {
	max-width: 60em;
	margin: auto;
	padding: 1em;
	background-color: var(--backgroundcolour);
	
	font-size: 1rem; 
	font-family: 'ubuntu_monoregular', monospace;
	
	color: var(--mainaccent);
	}
body.frontpage { max-width: 72em; }

a:link		{ color: var(--accentcolour1); }
a:active		{ color: var(--accentcolour2); }
a:hover		{ color: white; }
a:visited	{ color: var(--accentcolour1); }

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}

@media (min-width: 600px) {
	body {
		font-size: 1.2rem; 
		}
	}